<template>
  <el-row :gutter="40" class="">
    <div class="introduce" v-for="(item, index) in introduces" >
      <div >
        <div class="help-title">{{index}}. {{item.title}}</div>
        <div class="content">{{item.content}}</div>
        <div class="img-div" v-for="(img, index) in item.imgs">
          <img @click="linkByRouter(img.routerpath)" :src="require('@/assets/help/' + img.imgname + '.png')" width="100%" ></div>
      </div>
    </div>

  </el-row>
</template>

<script>

export default {
  name:"Help",
  data() {
    return {
      introduces: [
        {"title": "整体介绍",
          "content": "正在紧张准备中...求10个star",
          "imgs": []
        }
      ]
    }
  },
  created() {
  },
  methods: {
    linkByRouter(routerPath) {
      this.$router.push(routerPath)
    }
  }
}
</script>

<style lang="scss" scoped>
.introduce {
  padding: 10px 25px;
}

.introduce .help-title {
  font-size: 16px;
}

.introduce .content {
  color: #999;
  font-size: 14px;
  padding: 1rem;
}

.introduce .img-div {
  padding: 1rem;
}

</style>
